<template>
  <div>
    <div class="flex px-2 py-4 sm:px-4">
      <VAvatar
        color="#000"
        icon="tabler-user"
        style="margin-inline-end:8px"
      />

      <div class="flex max-w-3xl items-center">
        <p>{{record.msg}}</p>
      </div>
    </div>

    <MessageAI :record="record"></MessageAI>
  </div>

</template>

<script setup>
import MessageAI from './MessageAI.vue';
const props = defineProps({
  record: {
    type: Object,
    required: true,
  },
})

const record = ref(props.record)
</script>
